#enter {
  position:fixed;
  top:50%;
  margin-top:-28px
}
.main {
  position:fixed;
  top:0;
  right:0;
  left:0
}
#nav {
  width:100%;
  overflow-x:scroll;
  background:#fff;
  ul {
    width:200%;
    padding-left:5px;
    border-bottom:solid 1px $color-border;
    li {
      float:left;
      text-align:center;
      a {
        display:block;
        line-height:35px;
        padding:0 10px;
        color:$color-title;
      }
    }
    li.active {
      a {
        color:$color-theme
      }
    }
  }
  &.active {
    position:fixed;
    top:0;
    z-index:20
  }
}
section {
  padding-top:5px;
  .title {
    position:relative;
    line-height:46px;
    font-size:15px;
    color:$color-theme;
    text-align:center;
    &::before {
      content: '';
      width:65px;
      height:1px;
      position:absolute;
      bottom:0;
      left:50%;
      margin-left:-32px;
      background:$color-theme
    };
  } 
  .content {
    padding:16px 15px 20px;
    p {
      line-height:19px;
      font-size:12px
    }
  }
  .time {
    float:left;
    width:55%;
    text-indent:22px
  }
  .txt {
    float:left;
    width:45%
  }
}
section:nth-child(2) {
  background:#272727;
  .content {
    color:#fff
  }
}
section:nth-child(3) {
  background:$color-theme;
  .title {
    color:#fff;
    &::before {
      background:#fff
    }
  }
  .content {
    color:#fff;
    text-align:center
  }
}
section:nth-child(4){
  .content {
    width:75%;
    margin:0 auto;
    p {
      position:relative;
      line-height:55px;
      border-left:solid 1px $color-theme;
      &::before {
        content:'';
        position:absolute;
        top:50%;
        left:-5px;
        margin-top:-6px;
        width:9px;
        height:9px;
        background:$color-theme;
        border-radius:$radius-round
      }
    }
    p:first-child {
      position:relative;
      .time::before {
        content:'';
        position:absolute;
        top:-6px;
        left:-1px;
        width:1px;
        height:50%;
        background:#fff
      }
    }
    p:last-child {
      position:relative;
      .time::before {
        content:'';
        position:absolute;
        bottom:-3px;
        left:-1px;
        width:1px;
        height:50%;
        background:#fff
      }
    }
  }
}
section:nth-child(5) {
  color:#fff;
  background:#272727;
  overflow:hidden;
  .content:nth-child(2) {
    p {
      padding-bottom:25px
    }
    p:nth-child(2) {
      span:nth-child(2), span:nth-child(3) {
        padding-left:12px
      }
    }
    span {
      display:block
    }
  }
  .content:nth-child(4) {
    text-align:center
  }
  .title {
    margin:0 20px;
    margin-top:-6px;
    border-top:dashed 1px $color-border
  }
}
.set-title {
  padding:20px 0 15px;
  font-size:15px!important;
  .icon {
    position:relative;
    margin-right:10px;
    top:2px
  }
}
section:nth-child(7) {
  color:#fff;
  background:$color-theme;
  .title {
    color:#fff;
    &::before {
      background:#fff
    }
  }
  .content p {
    padding-bottom:20px
  }
}